<template>
  <div class="header">
      <div class="left">
          <div class="back" @click="back()">&lt;</div>
          <div class="cart">购物车</div>
          <div class="num">(3)</div>
      </div>
      <div class="right">
          <p>降价</p>
          <p>常购</p>
          <p>管理</p>
      </div>
  </div>
</template>

<script>
export default {
    methods:{
        back(){
            this.$router.go(-1)
        }
    }
}
</script>

<style scoped>
.header{
    height: 55rem;
    padding: 0 18rem;
    background: #ede9ea;
    line-height: 55rem;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(to right,#f4e9ed, #ece8e9);
}
.left{
    display: flex;
}
.back{
    font-size: 20rem;
    margin-right: 10rem;
}
.cart{
    font-size: 20rem;
    font-weight: bold;
    margin-right: 2rem;
}
.num{
    font-size: 13rem;
}
.right{
    display: flex;
    width: 120rem;
    justify-content: space-between;
    color: #70676a;
    font-size: 12rem;
}

</style>